.commodity-card {
  .title {
    padding: 20px;
    background-color: #F2F2F2;
    font-size: 14px;
    // margin-bottom: 20px;
  }

  .content {
    padding: 20px;
    box-sizing: border-box;
  }
}

.sort_tips {
  position: relative;
  left: 115px;
  top: -20px;
}

.commodity-list-detail {
  background-color: #fff;
  padding: 20px 16px;

  .detail-content {
    overflow-y: scroll;
  }

  .basic {
    &>div {
      display: flex;
      margin-bottom: 20px;

      &:last-child {
        margin-bottom: 0;
      }

      &>p {
        margin-right: 20px;
      }

      &>div {
        color: #7F7F7F;
      }
    }
  }
}

.commodity-examine {}

.commodity-content {
  background-color: #fff;
  padding: 20px;

  .search-header {
    .ant-form {
      display: flex;
      justify-content: space-between;
    }
  }

  .search-header-list {
    display: flex;
    justify-content: space-between;

    &>div:first-child {
      width: 90%;
    }
  }
}

.commodity-list-evaluate {
  background-color: #fff;
}

.commodity-list-add {
  background-color: #fff;

  .content {
    padding: 20px 16px;
    // box-sizing: border-box;
    overflow-y: scroll;

    &>div {
      width: 100%;
    }

    .title {
      padding: 20px;
      background-color: #F2F2F2;
      font-size: 14px;
      margin-bottom: 20px;
    }

    .form-box {
      padding: 0 20px 20px;
      width: 40%;
    }


  }

  .button-group {
    width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 20px;
    padding: 20px 0;

    button {
      min-width: 100px;
    }

    &>div {
      display: flex;
      justify-content: center;
      align-items: center;
      column-gap: 20px;
    }
  }
}




.spotGoods-sku-list {
  padding: 20px;

  .spotGoods-sku-border {
    padding: 10px;
    border: 1px solid #ddd;
  }

  .spotGoods-sku-Specification {
    padding: 10px;
    border: 1px dashed #ddd;
    text-align: center;
    cursor: pointer;
  }

  .spotGoods-item-label {
    height: 100%;
    display: flex;
    justify-content: center;
  }

  .spotGoods-sku-item {
    margin-bottom: 20px;
  }

  .spotGoods-Specification-box {
    padding: 10px;
    border: 1px solid #ddd;
  }

  .spotGoods-Specification-model {
    background-color: #ddd;
    padding: 10px;
    line-height: 32px;

    input {
      width: 300px;
      margin-right: 10px;
      border-radius: 3px;
    }

    em {
      cursor: pointer;
    }
  }

  .spotGoods-model-operation {
    padding: 10px;
    display: flex;
    align-items: center;

    input {
      width: 300px;
      border-radius: 3px;
    }

    button {
      margin: 0 10px;
    }
  }

  .spotGoods-model-label {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    .spotGoods-model-tag {
      margin-top: 10px;
    }
  }

  .specification-table-thead {
    display: flex;
    background-color: #ddd;

    li {
      flex: 1;
      line-height: 40px;
      text-align: center;
    }
  }

  .specification-table-list {
    display: flex;
    border-left: 1px solid #ddd;

    li {
      flex: 1;

      div {
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;

        input {
          width: 80%;
          margin: 0 auto;
        }
      }
    }
  }

  .spotGoods-img-box {
    .spotGoods-img-item {
      width: 100%;
      display: flex;
      align-items: center;
      padding: 20px;
      border: 1px solid #ddd;
      border-top: none;

      em {
        margin-right: 20px;
      }
    }

    .spotGoods-img-item:first-child {
      border-top: 1px solid #ddd;
    }
  }

  .spotGoods-Specification-radio {
    margin-left: 20px;
  }

  .property-name {
    width: 100px;
    word-break: break-all;
  }

  .spec-table {
    border: 1px solid #ddd;
    width: 100%;

    td,
    th {
      padding: 10px;
      border: 1px solid #ddd;
    }

    th {
      background-color: #ddd;
    }
  }

  .green-background {
    background-color: #67c23a;
    color: #fff;
  }

  .spotGoods-btn-box {
    margin-top: 10px;
  }
}

.ant-tabs {
  height: 100%;

  .ant-tabs-content {
    height: 100%;
    // .ant-tabs-tabpane{
    //   display: flex;
    //   flex-direction: column;
    //   justify-content: space-between;
    // }
  }
}

.evaluate-details-box {
  .top {
    display: flex;
    justify-content: space-between;
  }

  .middle {
    display: flex;
    padding: 20px 0;

    &>div:last-child {
      color: #7F7F7F;
    }
  }

  .bottom {
    display: flex;
    justify-content: flex-end;
  }
}

.tdRowName {
  width: 100px;
  word-break: break-all;
}